<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="utf-8">
        <title> Formularz zakladania konta</title>
        <script src="../../scripts/uslugi/uslugi/accountform.js"></script>
        <script src="../../scripts/contactform.js"></script>
        <script src="../../scripts/cf2.js"></script>
    </head>
    <body>
        
        paperlapapp
        
        
        
        
       <h1>Fromularz z walidacja</h1>

<form method="POST" action="form.aspx" autocomplete="on" id="myForm">
    
    
<h2>Imie</h2>
<p><label><span>Podaj imie</span><input type="text" name="imie"  autofocus id="imie"></label></p>
    
    
<h2>Nazwisko</h2>
<p><label><span>Podaj Nazwisko</span><input type="text" name="nazwisko" required id="nazwisko" ></label></p>
    
    
<h2>miesiac urodzin</h2>
    
<p>
    <label>
        <span>Data List: 
        </span>
        <input type=text list="months" id="miesiac">
            <datalist id="months">
                <option label="Styczeń" value="Styczeń" >
                <option label="Luty" value="Luty">
                <option label="Marzec" value="Marzec">
                <option label="Kwiecień" value="Kwiecień">
                <option label="Maj" value="Maj">
                <option label="Czerwiec" value="Czerwiec">
                <option label="Lipiec" value="Lipiec">
                <option label="Sierpień" value="Sierpień">
                <option label="Wrzesień" value="Wrzesień" >
                <option label="Październik" value="Październik">
                <option label="Listopad" value="Listopad">
                <option label="Grudzień" value="Grudzień">
            </datalist>
    </label>
</p>
    
    

<h2>Email</h2>
<p><label><span>Email Input: </span><input type=email name=emailInput required id="email"></label></p>

<h2>Telephone</h2>
<p><label><span>Telephone Input: </span><input type=tel name=telInput pattern="[0-9]{9}" ></label></p>

<p><label>Rodzaj odsetek</label></p>
<p><label id="odsetki_sort">none</label></p>

<p><input type="button" id="rodzaj_odsetek" value="wybierz odsetki"></p>
<p><input type="submit" value="Continue" id="submit"></p>
<p><input type="reset" id="cleanser" value="Reset Values" id="reset"></p>



<fieldset>
	<p>
	<label>
		<span>rodzaj czcionki</span>
		<input type="text" id="font" list="fonts">
			<datalist id="fonts">
				<option label="Arial" value="Arial">
				<option label="Times" value="Times">	
				<option label="Verdana" value="Verdana">		
			</datalist>
	</label>
	
	<input type="button" id="fontb" value="zmien">
	
	</p>
	
	
	<p>
	<label>
		<span>Kolor Tla</span>
		<input type="text" id="backgroundColor" list="backgroundColors">
			<datalist id="backgroundColors">
				<option label="blue" value="blue">
				<option label="red" value="red">			
			</datalist>
	</label>
	
	
	</p>
	
	<p>
	<label>
		<span>Kolor Tekstu</span>
		<input type="text" id="textColor" list="textColors">
			<datalist id="textColors">
				<option label="blue" value="blue">
				<option label="red" value="red">			
			</datalist>
	</label>
	</p>
</fieldset>
	 <p id="helpText" style="background-color:yellow"></p>




</form>
    </body>

</html>